.card-wrapper {
	width: 800px !important;
	height: 400px !important;
	background: transparent !important;
	overflow-y: visible !important;

	.left {
		// background-image: none !important;
	}

	.face-login {
		border-radius: 8px;
	}

	.face-login button {
		background-color: transparent !important;
		border: 1px solid #fff !important;
	}

	.face-login button:hover {
		background-color: transparent !important;
	}

	.right {
		position: absolute !important;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 460px;
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 10px !important;
		justify-content: space-between !important;
		padding: 30px 0;
		border: 2px solid rgba(255, 255, 255, 0.329);
		backdrop-filter: blur(10px);
		box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53);
	}

	.right .title {
		font-size: 30px !important;
		display: inline-block;
		font-weight: 700;
		color: #fff !important;
		margin-bottom: 20px;
	}

	.right .login-form .input {
		width: 100% !important;
	}


	.el-form-item__label {
		color: #fff;
	}

	.el-input__wrapper:hover {
		box-shadow: 0 0 0 1px #8aceff inset !important;
	}

	.geetest_box_title {
		color: #fff !important;
	}

	.geetest_box .el-input__wrapper {
		height: 40px !important;
	}

	canvas {
		height: 40px;
	}

	.el-button--primary {
		--el-button-bg-color: none !important;
		--el-button-hover-bg-color: none !important;
		--el-button-border-color: none !important;
		--el-button-hover-text-color: #8aceff !important;
		height: 40px;
		padding: 8px 20px
	}

	.el-icon.el-input__icon {
		width: 18px !important;
		height: 18px !important;
	}

	svg {
		width: 18px !important;
		height: 18px !important;
	}

	.button-wrapper {
		margin-top: 50px;
	}

	.el-form-item__content .el-input-group {
		margin-top: 14px;
	}

	.el-upload__tip,
	.el-radio__label {
		color: #fff !important;
	}
}

.register_wrap .card-wrapper .right {
	overflow-y: auto !important;
	height: 80vh !important;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
	width: 8px;
	/* 宽度 */
}

/* 滑块样式 */
::-webkit-scrollbar-thumb {
	background-color: #8aceff;
	/* 背景色 */
	border-radius: 4px;
	/* 圆角 */
	border: 3px solid transparent;
	/* 边框 */
	background-clip: content-box;
	/* 背景裁剪 */
}

/* 轨道样式 */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	/* 背景色 */
	border-radius: 3px;
	/* 圆角 */
}

.app_body {
	background: linear-gradient(to right, #9fe1fa, #f4edc9) !important;
}

.app_body> :first-child {
	background: linear-gradient(to right, #9fe1fa, #f4edc9) !important;
}

.app_body {
	.userInfo {
		right: 20px !important;
		top: 0 !important;
		display: flex;
		align-items: center;
		z-index: 99;
	}

	.el-button--primary {
		background-color: #1661ab;
		border: #1661ab;
	}
}

.app_content {
	background: linear-gradient(to right, #9fe1fa, #f4edc9)
}


.breadcrumb_box {
	background-color: #151a43 !important;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
}

.el-card.is-always-shadow {
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
}

.tac {
	.el-card__body {
		background-color: #151a43;
		color: #fff !important;
	}

	.el-menu-vertical-demo {
		padding: 0 0 10px 0;
	}

	.el-scrollbar {
		background-color: #151a43 !important;
	}

}

.container-fluid {
	.el-scrollbar__wrap--hidden-default {
		background-color: #fff;
	}

	.el-card__body {
		background-color: #151a43;

		.card,
		.statistics {
			border-radius: 10px;
			// background: linear-gradient(to right, #9fe1fa, #f4edc9);
			border: 2px solid rgba(255, 255, 255, 0.329);
			backdrop-filter: blur(10px) !important;
			box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53) !important;
		}
	}

	.home_user {
		.card {
			background: linear-gradient(to right, #9fe1fa, #f4edc9);

			.el-col-8 {
				img {
					border-radius: 50px;
				}
			}

			.UserInfo> :nth-child(2) {
				display: flex;
				justify-content: center;
			}

			.UserInfo .el-row {
				justify-content: center;
				align-items: center;
			}

			.logotime {
				margin: 20px 0;
				border: 1px #1661ab dashed !important;
				border-radius: 10px;
			}
		}
	}

	.home_notiece {
		.statistics {
			background: linear-gradient(to right, #f4edc9, #9fe1fa);

			.log_bntx {
				height: 30px;
			}

			.log_conter {
				background-color: #cfccc9;
				margin-top: 8px;
				padding: 2px 10px 2px 10px;
				border-top-left-radius: 20px;
				border-bottom-left-radius: 20px;
				background: linear-gradient(to right, #144a74, transparent);
				color: #fff;
			}
		}
	}

	.home_overview {
		.card {
			background: linear-gradient(to right, #9fe1fa, #f4edc9);

			.el-row {
				overflow-y: auto;
				height: 100%;

				.sumList {
					border: none;
					box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.5);
					background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%)
				}
			}
		}
	}

	.home_menu {
		.el-card__body {
			background: linear-gradient(to right, #9fe1fa, #f4edc9, #9fe1fa);

			.card {
				background-color: #fff;
				border: none !important;
				box-shadow: none !important;
				background: linear-gradient(to right, #9fe1fa, #f4edc9, #9fe1fa);

				.el-row {
					justify-content: space-evenly;
					padding: 0 80px;

					.el-col-2 {
						display: flex;
						width: 30%;
						align-items: center;
						justify-content: space-between;
						border-radius: 15px;
						height: 70px;
						background-image: radial-gradient(circle at 10.6% 23.3%, rgb(186, 162, 252) 0%, rgb(176, 248, 242) 72.4%);
						box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.3);
						max-width: none;
						flex: none;
						margin: 10px 0;
						padding: 0 80px 0 0;
						cursor: pointer;

						button {
							width: 40px;
							height: 40px;
							background: transparent !important;
							border: none !important;
						}
					}
				}
			}
		}
	}

	.home_calendar,
	.home_visit,
	.home_praise,
	.home_visit_num,
	.home_cart_sales,
	.home_exam_score,
	.home_users_state {
		.card {
			background: linear-gradient(to right, #9fe1fa, #f4edc9);

			.el-calendar {
				--el-calendar-cell-width: 70px
			}
		}
	}

	.home_operatelog,
	.home_exam_avgscore,
	.home_users_num,
	.home_users_states,
	.home_comment,
	.home_cart_trade,
	.home_collet {
		.card {
			background: linear-gradient(to right, #f4edc9, #9fe1fa);

			.log_conter {
				background-color: #cfccc9;
				margin-top: 8px;
				padding: 2px 10px 2px 10px;
				border-top-left-radius: 20px;
				border-bottom-left-radius: 20px;
				background: linear-gradient(to right, #144a74, transparent);
				color: #fff;
			}
		}
	}

	.home_customize_charts:nth-child(2n) {
		.card {
			background: linear-gradient(to right, #f4edc9, #9fe1fa) !important;
		}
	}

	.home_customize_charts:nth-child(2n-1) {
		.card {
			background: linear-gradient(to right, #9fe1fa, #f4edc9) !important;
		}
	}

	.home_calendar .card {
		.el-calendar~button {
			margin-left: 50%;
			transform: translateX(-50%);
			margin-top: 20px;
		}
	}
}

.tac .el-scrollbar__wrap--hidden-default {
	max-height: calc(100vh - 80px) !important;
}

.projectName {
	z-index: 999;
}

.el-card.userInfo {
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53);
	position: relative;
	z-index: 99;
}


.page_user {
	.div_info {
		border: 2px solid rgba(255, 255, 255, 0.329) !important;
		border-radius: 10px !important;
		backdrop-filter: blur(10px) !important;
		background-color: #151a43;

		.div_title {
			color: #fff !important;
		}

		.el-form-item__label {
			color: #fff !important;
		}

		.el-text {
			color: #fff !important;
		}
	}
}

.el-card.userInfo .text {
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
}

.side {
	background-color: #151a43 !important;
	// background-color: #fff !important;
}

.el-menu {
	--el-menu-bg-color: none !important;
}

.el-menu-item {
	--el-menu-hover-bg-color: #1661ab;
	background: linear-gradient(to right, #AADEF4, transparent) !important;
	--el-menu-active-color: #fff;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53);
	margin-left: 15px !important;
}

.el-sub-menu {
	--el-menu-hover-bg-color: #1661ab;
	--el-menu-bg-color: #151a43 !important;
	border-radius: 10px !important;
	margin-left: 15px !important;
}

.is-active.left-menu-child {
	background-color: #1661ab !important;
	border-radius: 10px !important;
	margin-left: 15px !important;
}

.el-sub-menu__title {
	--el-menu-active-color: transparent !important;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53);
}

.el-menu-item.is-active {
	background-color: #1661ab;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.53);
	margin-left: 15px !important;
}

.el-main {
	.el-table {
		--el-table-bg-color: #151a43 !important;
		--el-table-tr-bg-color: #151a43 !important;
		--el-table-text-color: #fff !important;
		--el-table-row-hover-bg-color: #24295c !important;
		--el-table-border-color: none !important;

		margin: 30px 0 !important;

		thead {
			height: 70px;
		}

		th {
			background-color: #1661ab !important;
		}

		border-radius: 10px !important;
		border: 2px solid rgba(255, 255, 255, 0.329);
		backdrop-filter: blur(10px);

		.el-table__empty-text {
			color: #fff;
		}
	}
}

.el-checkbox-group {
	display: none !important;
}

.el-checkbox:last-of-type {
	display: none !important;
}

.div-form {
	.el-form-item {
		label {
			color: #fff !important;
		}

		background-color: #151a43 !important;
		padding: 12px !important;
		border-radius: 10px !important;
		border: 2px solid rgba(255, 255, 255, 0.329);
		backdrop-filter: blur(10px);
		width: 80% !important;
	}

}

.el-pagination {
	background-color: #151a43 !important;
	padding: 12px !important;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);

	.is-active.number {
		background-color: #1661ab !important;
	}

	.el-pagination__goto {
		color: #fff;
	}

	.el-pagination__classifier {
		color: #fff;
	}
}

.el-pagination>*.is-first {
	color: #fff;
}

.diy_edit,
.question_edit_wrap,
.answer_edit_wrap {
	--el-main-padding: 70px !important;

	.el-form {
		background-color: #151a43 !important;
		padding: 40px !important;
		border-radius: 10px !important;
		border: 2px solid rgba(255, 255, 255, 0.329);
		backdrop-filter: blur(10px);

		.footer {
			display: flex;
			justify-content: center;
		}
	}

	.el-form-item__label,
	.title_margin,
	.el-radio__label {
		color: #fff !important;
	}

	.el-form-item__content {
		color: #fff;
	}

	.countdown {
		color: #fff;
	}
}

.user_edits {
	.avatar-uploader {
		width: 200px;

		.el-upload-dragger {
			width: auto !important;
		}
	}
}

.score_edit_wrap {
	background-color: #151a43 !important;
	padding: 40px !important;
	border-radius: 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.329);
	backdrop-filter: blur(10px);
	margin: 20px !important;


	.el-form-item__label,
	.title_margin,
	.el-radio__label {
		color: #fff !important;
	}

	.el-form-item__content {
		color: red !important;
	}
}